<!--
Author: W3layouts
Author URL: http://w3layouts.com
-->
<!doctype html>
<html lang="en">

	<head>
		<!-- Required meta tags -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<title>关于我们</title>
		<link href="//fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400;1,600&display=swap"
		 rel="stylesheet">
		<!-- Template CSS -->
		<link rel="stylesheet" href="assets/css/style-starter.css">

	</head>
	<link rel="stylesheet" type="text/css" href="assets/css/serstyle.css" />
	<body>
		<section class="w3l-header">
			<header id="site-header" class="fixed-top">
				<div class="container">
					<nav class="navbar navbar-expand-lg navbar-dark stroke">
						<h1><a class="navbar-brand" href="index.html">
								<span class="fa fa-braille"></span> 软件协会
							</a></h1>
						<!-- if logo is image enable this   
		<a class="navbar-brand" href="#index.html">
		    <img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
		</a> -->
						<button class="navbar-toggler  collapsed bg-gradient" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02"
						 aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
							<span class="navbar-toggler-icon fa icon-expand fa-bars"></span>
							<span class="navbar-toggler-icon fa icon-close fa-times"></span>
							</span>
						</button>

						<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
							<ul class="navbar-nav ml-auto">
								<li class="nav-item">
									<a class="nav-link" href="index.html">首页 <span class="sr-only">(current)</span></a>
								</li>
								<li class="nav-item active" class="dropdown">
									<a class="nav-link dropdown-toggle" data-toggle="dropdown">
										关于我们<span class="fa fa-caret-down"></span>
									</a>
									<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
										<li role="presentation" style="width: 200px;text-align: center;">
											<a role="menuitem" tabindex="-1" href="about.html" class="h4">社团介绍</a>
										</li>
										<li role="presentation" style="width: 200px;text-align: center;">
											<a role="menuitem" tabindex="-1" href="announcement.html" class="h4" style="">公告大厅</a>
										</li>
										<li role="presentation" style="width: 200px;text-align: center;">
											<a role="menuitem" tabindex="-1" href="regulation.html" class="h4">社团规章</a>
										</li>
										<li role="presentation" style="width: 200px;text-align: center;">
											<a role="menuitem" tabindex="-1" href="Fame.html" class="h4">名人堂</a>
										</li>
									</ul>
								</li>
								<li class="nav-item">
									<a class="nav-link" href="services.html">课程</a>
								</li>

								<li class="nav-item">
									<a class="nav-link" href="contact.html">联系我们</a>
								</li>
								<!-- <li class="nav-item">
									<a class="nav-link free-con" href="https://localhost:44345/Logins/loginTwo">登录</a>
								</li> -->
							</ul>
						</div>
						<!-- toggle switch for light and dark theme -->
						<div class="mobile-position">
							<nav class="navigation">
								<div class="theme-switch-wrapper">
									<label class="theme-switch" for="checkbox">
										<input type="checkbox" id="checkbox">
										<div class="mode-container py-1">
											<i class="gg-sun"></i>
											<i class="gg-moon"></i>
										</div>
									</label>
								</div>
							</nav>
						</div>
						<!-- //toggle switch for light and dark theme -->
					</nav>
				</div>
			</header>
			<!--/header-->
		</section>
		<div class="inner-banner">
		</div>
		<section class="w3l-breadcrumb">
			<div class="container">
				<ul class="breadcrumbs-custom-path">
					<li><a href="#url">首页</a></li>
					<li class="active"><span class="fa fa-arrow-right mx-2" aria-hidden="true"></span>课程中心</li>
				</ul>
			</div>
		</section>
		<!--/about-->
		<!--/w3l-ab-->
		<div class="w3l-cwp4-sec py-5">
			<div class="container py-md-5 py-3">
				<div class="cwp4-two align-items-center">
					<div class="abouthyn-inn text-center">
						<h6 class="sub-titlehny">我们社团</h6>
						<h3 class="hny-title">课程中心</h3>
						<div class="buttons mt-5">
							<a href="contact.html" class="btn btn-style btn-primary">我要投稿</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--/w3l-ab-->
		<!--/w3l-ab-features-->
		<section class="w3l-ab-features py-5">
			<div class="container py-md-5 py-3">
				<div class="row features-w3pvt-main align-items-center" id="features">
					<div class="main">
						<div class="dy-content">
							<div class="dy-videos">
								<ul class="dy-video-list">
									<li data- class="dy-video-item dy-video-meta-right">
										<div class="dy-video-meta">
											<div class="dy-video-meta-bg"></div>
											<div class="dy-video-meta-dy">
												<h4 class="dy-video-title"> <a href="https://www.bilibili.com/video/BV1zt411g7Pr?from=search&seid=17748872236887507600"> sql server数据库 </a> </h4>
												<span class="dy-video-rating">7.3</span>
												<ul class="dy-video-meta-list">
													<li class="dy-video-actors"> <span class="dy-video-tip"> 主讲老师: </span> <a>郝斌</a>  </li>
													<li class="dy-video-starts">  <span class="dy-video-tip">年代:</span> <span
														 class="dy-video-meta-filter">2019</span> </li>
												</ul>
												<p class="dy-video-intro"> <a class="dy-video-intro-more">本套教程将以SQL Server2005为平台，提供SQL Server自学全套视频教程。</a>
												</p>
											</div>
											<!-- <div class="dy-video-meta-bg"></div> -->
										</div>
										<div class="dy-video-poster"> <a class="dy-video-link"> <img  class=" thumbnail dy-video-img" src="https://pic.baike.soso.com/ugc/baikepic2/16570/20171225133036-1346993880_jpg_493_411_22540.jpg/300"
												 alt="SqlServer数据库"> <span class="dy-video-nocomplete"></span> <span class="dy-video-date"> 2019 年 </span> <span
												 class="dy-video-bg"></span> <span class="s-pay"></span> </a> </div>
										<div class="dy-video-primary">
											<h4 class="dy-video-title"><a href="class.html"> SqlServer数据库 </a> </h4>
											<span class="dy-video-rating"> 7.3 </span>
										</div>
									</li>
									<li data- class="dy-video-item dy-video-meta-right">
										<div class="dy-video-meta">
											<div class="dy-video-meta-bg"> </div>
											<div class="dy-video-meta-dy">
												<h4 class="dy-video-title"> <a href="https://www.bilibili.com/video/BV14J4114768?from=search&seid=3020526888729349254"> HTML </a> </h4>
												<span class="dy-video-rating">8.0</span>
												<ul class="dy-video-meta-list">
													<li class="dy-video-actors"> <span class="dy-video-tip"> 主讲老师: </span> <a>pink</a> </li>
													<li class="dy-video-starts"><span class="dy-video-tip">年代:</span> <span
														 class="dy-video-meta-filter">2019</span> </li>
												</ul>
												<p class="dy-video-intro"> 1. web端布局：先讲解HTML5常用标签，接着讲解CSS3常见样式，主要学习盒子模型，浮动。 <a class="dy-video-intro-more">更多</a>
												</p>
											</div>
											<div class="dy-video-meta-bg"> </div>
										</div>
										<div class="dy-video-poster"> <a class="dy-video-link"> <img class="dy-video-img" src="https://pic.baike.soso.com/ugc/baikepic2/8136/20190813155404-1049953436_jpeg_500_374_14504.jpg/300"
												 alt="一出好戏"> <span class="dy-video-nocomplete"></span> <span class="dy-video-date"> 2019 年 </span> <span
												 class="dy-video-bg"></span> <span class="s-pay"></span> </a> </div>
										<div class="dy-video-primary">
											<h4 class="dy-video-title"><a> HTML </a> </h4>
											<span class="dy-video-rating"> 8.0 </span>
										</div>
									</li>
									<li data- class="dy-video-item dy-video-meta-right">
										<div class="dy-video-meta">
											<div class="dy-video-meta-bg"> </div>
											<div class="dy-video-meta-dy">
												<h4 class="dy-video-title"> <a href="https://www.bilibili.com/video/BV1YW411T7GX?from=search&seid=17176088937827575825"> JavaScript学习 </a> </h4>
												<span class="dy-video-rating">6.6</span>
												<ul class="dy-video-meta-list">
													<li class="dy-video-actors"> <span class="dy-video-tip"> 主讲老师: </span> <a>李立超</a>  </li>
													<li class="dy-video-starts">  <span class="dy-video-tip">年代:</span> <span
														 class="dy-video-meta-filter">2019</span> </li>
												</ul>
												<p class="dy-video-intro">  该视频是JavaScript基础视频，其中涵盖了ES标准、BOM以及DOM的大部分内容，适合有一定HTML和CSS基础的同学学习。   <a class="dy-video-intro-more">更多</a>
												</p>
											</div>
											<div class="dy-video-meta-bg"> </div>
										</div>
										<div class="dy-video-poster"> <a class="dy-video-link"> <img class="dy-video-img" src="https://th.bing.com/th/id/Rf33dc96fcfcbf6dc83eae68cfff8959d?rik=XfoQm2GkiIdaOw&riu=http%3a%2f%2fwww.wenbanzhu.com%2fimages%2f0%2f02%2f%e6%9a%82%e6%97%a0%e5%9b%be%e7%89%87.gif&ehk=hg%2bBp2O2riSPiOCcg%2fC0uNVtt91V8J6omWJkEQitKLQ%3d&risl=&pid=ImgRaw"
												 alt="捉妖记2"> <span class="dy-video-complete"></span> <span class="dy-video-date"> 2018 年 </span> <span
												 class="dy-video-bg"></span> </a> </div>
										<div class="dy-video-primary">
											<h4 class="dy-video-title"><a> JavaScript学习 </a> </h4>
											<span class="dy-video-rating"> 6.6 </span>
										</div>
									</li>
									<li data- class="dy-video-item dy-video-meta-right">
										<div class="dy-video-meta">
											<div class="dy-video-meta-bg"> </div>
											<div class="dy-video-meta-dy">
												<h4 class="dy-video-title"> <a> 黑客入门到精通 </a> </h4>
												<span class="dy-video-rating">8.0</span>
												<ul class="dy-video-meta-list">
													<li class="dy-video-actors"> <span class="dy-video-tip"> 主演: </span> <a>瑞恩·雷诺兹</a> </li>
													<li class="dy-video-types"> <span class="dy-video-tip">类型:</span> <span class="dy-video-meta-filter">喜剧</span>
														<span class="dy-video-meta-filter">科幻</span> </li>
													<li class="dy-video-areas"> <span class="dy-split">|</span> <span class="dy-video-tip">地区:</span> <span
														 class="dy-video-meta-filter">美国</span> </li>
													<li class="dy-video-starts"> <span class="dy-split">|</span> <span class="dy-video-tip">年代:</span> <span
														 class="dy-video-meta-filter">2016</span> </li>
												</ul>
												<p class="dy-video-intro"> 《黑客攻防:从入门到精通(附DVD-ROM光盘1张)》是一本关于黑客攻防的书籍，主要内容包括黑客的基础知识、黑客工具的使用、黑客攻击前的准备工作、漏洞攻防、密码攻防、即时通讯工具QQ和MSN攻防、电子邮件攻防、ARP欺骗攻防、木马攻防、远程监控攻防、后门攻击与痕迹清除、网络安全防御、提升电脑网络防御性能和建立安全防御体系等知识。. <a class="dy-video-intro-more">更多</a>
												</p>
											</div>
											<div class="dy-video-meta-bg"> </div>
										</div>
										<div class="dy-video-poster"> <a class="dy-video-link"> <img class="dy-video-img" src="https://th.bing.com/th/id/Rf33dc96fcfcbf6dc83eae68cfff8959d?rik=XfoQm2GkiIdaOw&riu=http%3a%2f%2fwww.wenbanzhu.com%2fimages%2f0%2f02%2f%e6%9a%82%e6%97%a0%e5%9b%be%e7%89%87.gif&ehk=hg%2bBp2O2riSPiOCcg%2fC0uNVtt91V8J6omWJkEQitKLQ%3d&risl=&pid=ImgRaw"
												 alt="死侍"> <span class="dy-video-complete"></span> <span class="dy-video-date"> 2016 年 </span> <span class="dy-video-bg"></span>
											</a> </div>
										<div class="dy-video-primary">
											<h4 class="dy-video-title"><a> 黑客入门到精通 </a> </h4>
											<div class="dy-video-intro"> 死侍是一个亦正亦邪的角色。 </div>
											<span class="dy-video-rating"> 8.0 </span>
										</div>
									</li>
									<li data- class="dy-video-item dy-video-meta-left">
										<div class="dy-video-meta">
											<div class="dy-video-meta-bg"> </div>
											<div class="dy-video-meta-dy">
												<h4 class="dy-video-title"> <a> springMVC </a> </h4>
												<span class="dy-video-rating">5.2</span>
												<ul class="dy-video-meta-list">
												</ul>
												<p class="dy-video-intro"> MVC是项目开发中的一种开发模式，而最为Spring框架中重要的功能模块，SpringMVC正是实现了这种开发结构，能更加简答、快速的开发web项目。 <a class="dy-video-intro-more">更多</a>
												</p>
											</div>
											<div class="dy-video-meta-bg"> </div>
										</div>
										<div class="dy-video-poster"> <a class="dy-video-link"> <img class="dy-video-img" src="https://th.bing.com/th/id/Rf33dc96fcfcbf6dc83eae68cfff8959d?rik=XfoQm2GkiIdaOw&riu=http%3a%2f%2fwww.wenbanzhu.com%2fimages%2f0%2f02%2f%e6%9a%82%e6%97%a0%e5%9b%be%e7%89%87.gif&ehk=hg%2bBp2O2riSPiOCcg%2fC0uNVtt91V8J6omWJkEQitKLQ%3d&risl=&pid=ImgRaw"
												 alt="爱情公寓"> <span class="dy-video-nocomplete"></span> <span class="dy-video-date"> 2018 年 </span> <span
												 class="dy-video-bg"></span> <span class="s-pay"></span> </a> </div>
										<div class="dy-video-primary">
											<h4 class="dy-video-title"><a> springMVC </a> </h4>
											<span class="dy-video-rating"> 5.2 </span>
										</div>
									</li>
									<li data- class="dy-video-item dy-video-item-last dy-video-meta-left">
										<div class="dy-video-meta">
											<div class="dy-video-meta-bg"> </div>
											<div class="dy-video-meta-dy">
												<h4 class="dy-video-title"> <a> ssm框架学习 </a> </h4>
												<span class="dy-video-rating">7.3</span>
												<ul class="dy-video-meta-list">
												</ul>
												<p class="dy-video-intro">   SSM框架，是Spring + Spring MVC + MyBatis的缩写，Spring依赖注入DI来管理各层的组件，使用面向切面编程AOP管理事物、日志、权限等。SpringMVC代表了Model(模型)View(视图)Controller(控制)接收外部请求,进行分发和处理。Mybatis是基于jdbc的框架,主要用来操作数据库,并且将业务实体和数据表联系起来 <a class="dy-video-intro-more">更多</a>
												</p>
											</div>
											<div class="dy-video-meta-bg"> </div>
										</div>
										<div class="dy-video-poster"> <a class="dy-video-link"> <img class="dy-video-img" src="https://th.bing.com/th/id/Rf33dc96fcfcbf6dc83eae68cfff8959d?rik=XfoQm2GkiIdaOw&riu=http%3a%2f%2fwww.wenbanzhu.com%2fimages%2f0%2f02%2f%e6%9a%82%e6%97%a0%e5%9b%be%e7%89%87.gif&ehk=hg%2bBp2O2riSPiOCcg%2fC0uNVtt91V8J6omWJkEQitKLQ%3d&risl=&pid=ImgRaw"
												 alt="羞羞的铁拳"> <span class="dy-video-complete"></span> <span class="dy-video-date"> 2017 年 </span> 
												 <span class="dy-video-bg"></span> </a> </div>
										<div class="dy-video-primary">
											<h4 class="dy-video-title"><a> ssm框架学习 </a> </h4>
											<span class="dy-video-rating"> 7.3 </span>
										</div>
									</li>
									<li data- class="dy-video-item dy-video-meta-right">
										<div class="dy-video-meta">
											<div class="dy-video-meta-bg"> </div>
											<div class="dy-video-meta-dy">
												<h4 class="dy-video-title"> <a> vue学习 </a> </h4>
												<span class="dy-video-rating">7.3</span>
												<ul class="dy-video-meta-list">
												</ul>
												<p class="dy-video-intro"> Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。<a class="dy-video-intro-more">更多</a>
												</p>
											</div>
											<div class="dy-video-meta-bg"> </div>
										</div>
										<div class="dy-video-poster"> <a class="dy-video-link"> <img class="dy-video-img" src="https://th.bing.com/th/id/Rf33dc96fcfcbf6dc83eae68cfff8959d?rik=XfoQm2GkiIdaOw&riu=http%3a%2f%2fwww.wenbanzhu.com%2fimages%2f0%2f02%2f%e6%9a%82%e6%97%a0%e5%9b%be%e7%89%87.gif&ehk=hg%2bBp2O2riSPiOCcg%2fC0uNVtt91V8J6omWJkEQitKLQ%3d&risl=&pid=ImgRaw"
												 alt="熊出没(变形记)"> <span class="dy-video-complete"></span> <span class="dy-video-date"> 2018 年 </span> <span
												 class="dy-video-bg"></span> </a> </div>
										<div class="dy-video-primary">
											<h4 class="dy-video-title"><a> vue学习 </a> </h4>
											<span class="dy-video-rating"> 7.3 </span>
										</div>
									</li>
									<li data- class="dy-video-item dy-video-meta-right">
										<div class="dy-video-meta">
											<div class="dy-video-meta-bg"> </div>
											<div class="dy-video-meta-dy">
												<h4 class="dy-video-title"> <a> .NET MVC </a> </h4>
												<span class="dy-video-rating">7.3</span>
												<ul class="dy-video-meta-list">
												</ul>
												<p class="dy-video-intro"> ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。ASP.NET 支持三种不同的开发模式：Web Pages（Web 页面）、MVC（Model View Controller 模型-视图-控制器）、Web Forms（Web 窗体）。 <a class="dy-video-intro-more">更多</a>
												</p>
											</div>
											<div class="dy-video-meta-bg"> </div>
										</div>
										<div class="dy-video-poster"> <a class="dy-video-link"> <img class="dy-video-img" src="https://th.bing.com/th/id/Rf33dc96fcfcbf6dc83eae68cfff8959d?rik=XfoQm2GkiIdaOw&riu=http%3a%2f%2fwww.wenbanzhu.com%2fimages%2f0%2f02%2f%e6%9a%82%e6%97%a0%e5%9b%be%e7%89%87.gif&ehk=hg%2bBp2O2riSPiOCcg%2fC0uNVtt91V8J6omWJkEQitKLQ%3d&risl=&pid=ImgRaw"
												 alt="乘风破浪"> <span class="dy-video-complete"></span> <span class="dy-video-date"> 2017 年 </span> <span
												 class="dy-video-bg"></span> </a> </div>
										<div class="dy-video-primary">
											<h4 class="dy-video-title"><a> .NET MVC  </a> </h4>
											<span class="dy-video-rating"> 7.3 </span>
										</div>
									</li>
									<li data- class="dy-video-item dy-video-meta-right">
										<div class="dy-video-meta">
											<div class="dy-video-meta-bg"> </div>
											<div class="dy-video-meta-dy">
												<h4 class="dy-video-title"> <a> .NET Core </a> </h4>
												<span class="dy-video-rating">5.2</span>
												<ul class="dy-video-meta-list">
												</ul>
												<p class="dy-video-intro"> 2001年，微软推出了Asp.Net ，2009年，推出了Asp.Net  MVC  .Net Framework，2016年推出了Asp.Net  Core  .Net Core。因为之前是.Net Framework4.5的版本，最初想命名为.Net 5.0，最后定下来为.Net Core。在2019年9月23日，Net Core3.0正式版发布了，之前一直是.Net Core3.0预览版的。 <a class="dy-video-intro-more">更多</a>
												</p>
											</div>
											<div class="dy-video-meta-bg"> </div>
										</div>
										<div class="dy-video-poster"> <a class="dy-video-link"> <img class="dy-video-img" src="https://th.bing.com/th/id/Rf33dc96fcfcbf6dc83eae68cfff8959d?rik=XfoQm2GkiIdaOw&riu=http%3a%2f%2fwww.wenbanzhu.com%2fimages%2f0%2f02%2f%e6%9a%82%e6%97%a0%e5%9b%be%e7%89%87.gif&ehk=hg%2bBp2O2riSPiOCcg%2fC0uNVtt91V8J6omWJkEQitKLQ%3d&risl=&pid=ImgRaw"
												 alt="卧底巨星"> <span class="dy-video-complete"></span> <span class="dy-video-date"> 2017 年 </span> <span
												 class="dy-video-bg"></span> </a> </div>
										<div class="dy-video-primary">
											<h4 class="dy-video-title"><a> .NET Core </a> </h4>
											<span class="dy-video-rating"> 5.2 </span>
										</div>
									</li>
									<li data- class="dy-video-item dy-video-meta-right">
										<div class="dy-video-meta">
											<div class="dy-video-meta-bg"> </div>
											<div class="dy-video-meta-dy">
												<h4 class="dy-video-title"> <a> bootstrap </a> </h4>
												<span class="dy-video-rating">5.9</span>
												<ul class="dy-video-meta-list">
												</ul>
												<p class="dy-video-intro"> Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。 <a class="dy-video-intro-more">更多</a>
												</p>
											</div>
											<div class="dy-video-meta-bg"> </div>
										</div>
										<div class="dy-video-poster"> <a class="dy-video-link"> <img class="dy-video-img" src="https://th.bing.com/th/id/Rf33dc96fcfcbf6dc83eae68cfff8959d?rik=XfoQm2GkiIdaOw&riu=http%3a%2f%2fwww.wenbanzhu.com%2fimages%2f0%2f02%2f%e6%9a%82%e6%97%a0%e5%9b%be%e7%89%87.gif&ehk=hg%2bBp2O2riSPiOCcg%2fC0uNVtt91V8J6omWJkEQitKLQ%3d&risl=&pid=ImgRaw"
												 alt="这就是命"> <span class="dy-video-complete"></span> <span class="dy-video-date"> 2017 年 </span> <span
												 class="dy-video-bg"></span> </a> </div>
										<div class="dy-video-primary">
											<h4 class="dy-video-title"><a> bootstrap </a> </h4>
											<span class="dy-video-rating"> 5.9 </span>
										</div>
									</li>
									<li data- class="dy-video-item dy-video-meta-left">
										<div class="dy-video-meta">
											<div class="dy-video-meta-bg"> </div>
											<div class="dy-video-meta-dy">
												<h4 class="dy-video-title"> <a> jQuery学习 </a> </h4>
												<span class="dy-video-rating">5.9</span>
												<ul class="dy-video-meta-list">
												</ul>
												<p class="dy-video-intro"> Query 库位于一个 JavaScript 文件中，其中包含了所有的 jQuery 函数。 <a class="dy-video-intro-more">更多</a>
												</p>
											</div>
											<div class="dy-video-meta-bg"> </div>
										</div>
										<div class="dy-video-poster"> <a class="dy-video-link"> <img class="dy-video-img" src="https://th.bing.com/th/id/Rf33dc96fcfcbf6dc83eae68cfff8959d?rik=XfoQm2GkiIdaOw&riu=http%3a%2f%2fwww.wenbanzhu.com%2fimages%2f0%2f02%2f%e6%9a%82%e6%97%a0%e5%9b%be%e7%89%87.gif&ehk=hg%2bBp2O2riSPiOCcg%2fC0uNVtt91V8J6omWJkEQitKLQ%3d&risl=&pid=ImgRaw"
												 alt="祖宗十九代"> <span class="dy-video-nocomplete"></span> <span class="dy-video-date"> 2018 年 </span> <span
												 class="dy-video-bg"></span> <span class="s-pay"></span> </a> </div>
										<div class="dy-video-primary">
											<h4 class="dy-video-title"><a> jQeury学习  </a> </h4>
											<span class="dy-video-rating"> 5.9 </span>
										</div>
									</li>
									<li data- class="dy-video-item dy-video-item-last dy-video-meta-left">
										<div class="dy-video-meta">
											<div class="dy-video-meta-bg"> </div>
											<div class="dy-video-meta-dy">
												<h4 class="dy-video-title"> <a> HTML入门 </a> </h4>
												<span class="dy-video-rating">7.3</span>
												<ul class="dy-video-meta-list">
												</ul>
												<p class="dy-video-intro"> HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言，而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页... <a class="dy-video-intro-more">更多</a>
												</p>
											</div>
											<div class="dy-video-meta-bg"> </div>
										</div>
										<div class="dy-video-poster"> <a class="dy-video-link"> <img class="dy-video-img" src="https://th.bing.com/th/id/Rf33dc96fcfcbf6dc83eae68cfff8959d?rik=XfoQm2GkiIdaOw&riu=http%3a%2f%2fwww.wenbanzhu.com%2fimages%2f0%2f02%2f%e6%9a%82%e6%97%a0%e5%9b%be%e7%89%87.gif&ehk=hg%2bBp2O2riSPiOCcg%2fC0uNVtt91V8J6omWJkEQitKLQ%3d&risl=&pid=ImgRaw"
												 alt="快把我哥带走"> <span class="dy-video-nocomplete"></span> <span class="dy-video-date"> 2018 年 </span> <span
												 class="dy-video-bg"></span> <span class="s-pay"></span> </a> </div>
										<div class="dy-video-primary">
											<h4 class="dy-video-title"><a> HTML入门  </a> </h4>
											<span class="dy-video-rating"> 7.3 </span>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>

				</div>
			</div>
		</section>
		<!--//-->

		<section class="w3l-testimonials py-5" id="testimonials">
			<!-- main-slider -->
			<div class="container py-md-4 mb-md-0 mb-md-5 mb-4">
				<div class="heading text-center mx-auto">
					<h6 class="sub-titlehny">指导老师</h6>
					<h3 class="hny-title text-center mb-5">兴趣课</h3>
				</div>
				<div class="owl-testimonial owl-carousel owl-theme">
					<div class="item">
						<div class="slider-info">
							<div class="img-circle">
								<img src="assets/images/c1.jpg" class="img-fluid rounded" alt="client image">
							</div>
							<div class="message-info">
								<span class="fa fa-quote-left mr-2"></span>
								<div class="message">老师的职务</div>
								<div class="name">老师名称</div>
								<div class="desp">称呼</div>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="slider-info">
							<div class="img-circle">
								<img src="assets/images/c2.jpg" class="img-fluid rounded" alt="client image">
							</div>
							<div class="message-info">
								<span class="fa fa-quote-left mr-2"></span>
								<div class="message">老师的职务</div>
								<div class="name">老师名称</div>
								<div class="desp">称呼</div>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="slider-info">
							<div class="img-circle">
								<img src="assets/images/c3.jpg" class="img-fluid rounded" alt="client image">
							</div>
							<div class="message-info">
								<span class="fa fa-quote-left mr-2"></span>
								<div class="message">老师的职务</div>
								<div class="name">老师名称</div>
								<div class="desp">称呼</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- /main-slider -->
		</section>

		<!--//w3l-footer-29-main-->
		<footer>
			<!-- footer -->
			<section class="w3l-footer">
				<div class="w3l-footer-16-main py-5">
					<div class="container pt-lg-4">
						<div class="row footer-border">
							<div class="col-lg-3 col-md-5 column pr-md-0">
								<h2><a href="index.html" class="footer-brand-logo"><span class="fa fa-braille"></span>软件协会</a></h2>
								<ul class="mt-4 contact">
									<li>
										<p><span class="fa fa-phone" aria-hidden="true"></span> <a href="tel:+44-255-366-88">+44-255-366-88</a></p>
									</li>
									<li>
										<p><span class="fa fa-clock-o" aria-hidden="true"></span> Mon - Sat 8.00 - 18.00</p>
									</li>
								</ul>
							</div>

							<div class="col-lg-3 col-md-4 col-sm-6 column mt-md-0 mt-5 pl-lg-4">
								<h3>软件协会</h3>
								<ul class="footer-gd-16">
									<li><a href="index.html">首页</a></li>
									<li><a href="about.html">关于我们</a></li>
									<li><a href="services.html">Services</a></li>
									<li><a href="javascript: void(0);">Blog</a></li>
									<li><a href="contact.html">联系我们</a></li>
								</ul>
							</div>
							<div class="col-lg-3 col-md-4 col-sm-6 column mt-md-0 mt-5">
								<h3>相关链接</h3>
								<ul class="footer-gd-16">
									<li><a href="#url">湖南铁路科技职业技术学院</a></li>
									<li><a href="#url">Our Branches</a></li>
									<li><a href="#url">Latest Media</a></li>
								</ul>
							</div>
							<div class="col-lg-3 col-md-5 column pl-md-5 mt-md-0 mt-5">
								<h3>友情链接</h3>
								<ul class="footer-gd-16">
									<li><a href="https://www.lanrenzhijia.com/">懒人之家</a></li>
									<li><a href="https://www.runoob.com/">菜鸟教程</a></li>
									<li><a href="https://www.csdn.net/">CSDN</a></li>
									<li><a href="http://www.cssmoban.com/cssthemes/html5moban/">模板之家</a></li>
								</ul>
							</div>
						</div>
						<div class="below-section pt-4 mt-4 text-center">
							<div class="columns-2">
								<ul class="social">
									<li><a href="#facebook"><span class="fa fa-facebook" aria-hidden="true"></span></a>
									</li>
									<li><a href="#linkedin"><span class="fa fa-linkedin" aria-hidden="true"></span></a>
									</li>
									<li><a href="#twitter"><span class="fa fa-twitter" aria-hidden="true"></span></a>
									</li>
									<li><a href="#google"><span class="fa fa-google-plus" aria-hidden="true"></span></a>
									</li>
									<li><a href="#github"><span class="fa fa-github" aria-hidden="true"></span></a>
									</li>
								</ul>
							</div>
							<div class="columns mt-3">
								<p>
									&copy; 2021 湖南铁路科技职业技术学院软件协会官网. 保留所有权利 | 设计者
									<span><code>许啸宇</code></span><code>刘昉</code><code>孙昊哲</code><code>王琪</code>
								</p>
							</div>
						</div>
					</div>
				</div>

				<!-- move top -->
				<button onclick="topFunction()" id="movetop" title="Go to top">
					<span class="fa fa-angle-up"></span>
				</button>
				<script>
					// When the user scrolls down 20px from the top of the document, show the button
					window.onscroll = function() {
						scrollFunction()
					};

					function scrollFunction() {
						if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
							document.getElementById("movetop").style.display = "block";
						} else {
							document.getElementById("movetop").style.display = "none";
						}
					}

					// When the user clicks on the button, scroll to the top of the document
					function topFunction() {
						document.body.scrollTop = 0;
						document.documentElement.scrollTop = 0;
					}
				</script>
				<!-- //move top -->
				<script>
					$(function() {
						$('.navbar-toggler').click(function() {
							$('body').toggleClass('noscroll');
						})
					});
				</script>
			</section>
			<!-- //footer -->
		</footer>

		<!-- Template JavaScript -->
		<script src="assets/js/jquery-3.3.1.min.js"></script>

		<script src="assets/js/theme-change.js"></script>

		<!-- js for portfolio lightbox -->
		<!-- libhtbox -->
		<script src="assets/js/lightbox-plus-jquery.min.js"></script>
		<!-- libhtbox -->
		<script src="assets/js/owl.carousel.js"></script>
		<!-- script for testimonials -->
		<script>
			$(document).ready(function() {
				$('.owl-testimonial').owlCarousel({
					loop: true,
					margin: 0,
					nav: true,
					responsiveClass: true,
					autoplay: true,
					autoplayTimeout: 5000,
					autoplaySpeed: 1000,
					autoplayHoverPause: false,
					responsive: {
						0: {
							items: 1,
							nav: false
						},
						480: {
							items: 1,
							nav: false
						},
						667: {
							items: 1,
							nav: true
						},
						1000: {
							items: 1,
							nav: true
						}
					}
				})
			})
		</script>
		<!-- //script for testimonials -->
		<!-- stats number counter-->
		<script src="assets/js/jquery.waypoints.min.js"></script>
		<script src="assets/js/jquery.countup.js"></script>
		<script>
			$('.counter').countUp();
		</script>
		<!-- //stats number counter -->
		<!--/MENU-JS-->
		<script>
			$(window).on("scroll", function() {
				var scroll = $(window).scrollTop();

				if (scroll >= 80) {
					$("#site-header").addClass("nav-fixed");
				} else {
					$("#site-header").removeClass("nav-fixed");
				}
			});

			//Main navigation Active Class Add Remove
			$(".navbar-toggler").on("click", function() {
				$("header").toggleClass("active");
			});
			$(document).on("ready", function() {
				if ($(window).width() > 991) {
					$("header").removeClass("active");
				}
				$(window).on("resize", function() {
					if ($(window).width() > 991) {
						$("header").removeClass("active");
					}
				});
			});
		</script>
		<!--//MENU-JS-->

		<script src="assets/js/bootstrap.min.js"></script>

	</body>

</html>
